<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.1/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style1.css">
</head>

<body>
    <div id="article"></div>
<div id="back_top">
<div class="arrow"></div>
<div class="stick"></div>
</div>
<script src="http://cdn.staticfile.org/jquery/1.11.1-rc2/jquery.min.js"></script>
<script>
$(function(){

$(window).scroll(function(){  

    var scrollt = document.documentElement.scrollTop + document.body.scrollTop; 

    if( scrollt >200 ){  

        $("#back_top").fadeIn(400); 

    }else{

        $("#back_top").stop().fadeOut(400); 

    }

});

$("#back_top").click(function(){ 
    $("html,body").animate({scrollTop:"0px"},200);

}); 

});
</script>
  <!-- 侧边栏部分 -->
        <nav>
            <ul class="menus">
                <li class="li">
                    <i class="fa fa-th-large" aria-hidden="true"></i>影视类型
                   
                    <ul>
                        <a href=" https://baike.baidu.com/item/%E7%88%B1%E6%83%85%E7%89%87/3858894?fr=aladdin" target="_blank"><li>
                             romantic爱情片</li></a>
                        <a href="https://baike.baidu.com/item/%E5%8A%A8%E7%94%BB%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
animinal动画</li></a> 
                        <a href="https://baike.baidu.com/item/%E6%81%90%E6%80%96%E7%89%87?fromModule=lemma_search-box"  target="_blank"><li>
horro恐怖</li></a>
                        <a href="https://baike.baidu.com/item/%E6%88%98%E4%BA%89%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
war战争</li></a> 
                        <a href="https://baike.baidu.com/item/%E5%96%9C%E5%89%A7%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
comedy喜剧</li></a> 
                        <a href="https://baike.baidu.com/item/%E5%8A%A8%E4%BD%9C%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
action动作</li></a> 
                        <a href="https://baike.baidu.com/item/%E7%A7%91%E5%B9%BB%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
Sci-Fi科幻</li></a> 
                        <a href="https://baike.baidu.com/item/%E5%8D%A1%E9%80%9A%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>

cartoon卡通片</li></a>
                    </ul>
                </li>


                <li class="li">
                    <i class="fa fa-comment" aria-hidden="true"></i>
                    用户
                    <ul>
                        <a href="子页面1用户.html" target="_blank"><li>登入</li></a>
                        <a href="子页面1用户.html" target="_blank"><li>注册</li></a>
                        <a href="子页面1用户.html" target="_blank"><li>找回密码</li></a>
                    </ul>
                </li>

                <li class="li">
                    <i class="fa fa-tags" aria-hidden="true"></i>
                    帮助
                    <ul>
                        <a href="子页面1帮助.html" target="_blank"><li>如何退出</li></a>
                        <a href="子页面1帮助.html" target="_blank"><li>如何找回密码</li></a>
                        <a href="子页面1帮助.html" target="_blank"><li>如何成为VIP</li></a>
                        <a href="子页面1帮助.html" target="_blank"><li>查看全部</li></a>
                       
                    </ul>
                </li>
                <li class="li">
                    <i class="fa fa-check-square" aria-hidden="true"></i>
                    返回
                    <ul>
                        <a href="子页面1cover.html"><li>
                            回到首页</li></a>
                        <a href="index.html"><li>
                            回到主页</li></a>
                    
                    </ul>
                </li>

            </ul>
        </nav>
   
    <!-- 百叶图部分 -->
    <div class="container">
        <ul>
            <li><img src="1.jpg" alt=""></li>
            <li><img src="2.jpg" alt=""></li>
            <li><img src="3.jpg" alt=""></li>
            <li><img src="4.jpg" alt=""></li>
            <li><img src="8.jpg" alt=""></li>
            <li><img src="5.jpg" alt=""></li>
        </ul>
    </div>
    <!-- 影视类型 -->
    <div class="sort w">
        <h2>sort</h2>
        <ul>
            <a href=" https://baike.baidu.com/item/%E7%88%B1%E6%83%85%E7%89%87/3858894?fr=aladdin" target="_blank"><li>
                romantic</li></a>
            <a href="https://baike.baidu.com/item/%E5%8A%A8%E7%94%BB%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
               animinal</li></a>
            <a href="https://baike.baidu.com/item/%E6%81%90%E6%80%96%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
horro</li></a>
            <a href="https://baike.baidu.com/item/%E6%88%98%E4%BA%89%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
war</li></a>
            <a href="https://baike.baidu.com/item/%E5%96%9C%E5%89%A7%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
comedy</li></a>
            <a href="https://baike.baidu.com/item/%E5%8A%A8%E4%BD%9C%E7%89%87?fromModule=lemma_search-box" target="_blank"><li>
action</li></a>
        </ul>
    </div>
    <!-- 盒子部分box1 -->
    <div class="box1 w">
        <div class="box1-hd">
            <h3>精品推荐</h3>
            <a href="#">查看全部</a>
        </div>
        <div class="box1-bd">
            <ul>
                <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank"><li>
                    <div class="top1">
                        <div class="mask1-1"></div>
                    </div>
                    <div class="bottom">海蒂和爷爷</div>
                    <div class="sentence">但是别人说的话，不一定都是对的</div>
                </li></a>
                <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
                <li>
                    <div class="top2">
                        <div class="mask1-2"></div>
                    </div>
                    <div class="bottom">放牛班的春天</div>
                    <div class="sentence">教育不仅仅是为了知识,爱才是果实</div>
                </li></a>
                <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
                <li>
                    <div class="top3">
                        <div class="mask1-3"></div>
                    </div>
                    <div class="bottom">流浪地球</div>
                    <div class="sentence">希望是像钻石一样珍贵的东西</div>
                </li></a>
                <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
                <li>
                    <div class="top4">
                        <div class="mask1-4"></div>
                    </div>
                    <div class="bottom">哪吒之魔童降临</div>
                    <div class="sentence">我命由我不由天，是魔是仙，我是谁只有我自己说了算</div>
                </li></a>
                <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
                <li>
                    <div class="top5">
                        <div class="mask1-5"></div>
                    </div>
                    <div class="bottom">长津湖</div>
                    <div class="sentence">如今繁华盛世，如你所想</div>
                </li></a>
            </ul>
        </div>
    </div>
    <!-- 盒子部分box2 -->
    <div class="box2-bd">
        <ul>
            <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
            <li>
                <div class="top1-img">

                    <div class="mask2-1"></div>
                </div>
                <div class="bottom">大鱼海棠</div>
                <div class="sentence">这短短的一生，我们最终都会失去。你不妨大胆一些，爱一个人，攀一座山，追一个梦</div>
            </li></a>
            <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
            <li>
                
                <div class="top2-img">
                    <div class="mask2-2"></div>
                </div>
                <div class="bottom">魔发精灵</div>
                <div class="sentence">他们是魔发精灵，他们会唱歌、他们会跳舞，散播欢乐散播爱</div>
            </li></a>
            <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
            <li>
                <div class="top3-img">
                    <div class="mask2-3"></div>
                </div>
                <div class="bottom">雪怪大冒险</div>
                <div class="sentence">一路上的不平坦都会有答案</div>
            </li></a>
            <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
            <li>
                <div class="top4-img">
                    <div class="mask2-4"></div>
                </div>
                <div class="bottom">大闹天宫</div>
                <div class="sentence">大闹天宫，困于五行， 是少不更事，也是不拘一格</div>
            </li></a>
            <a href="https://www.iqiyi.com/v_19rsbr0r7k.html?vfm=2008_aldbd&fc=828fb30b722f3164&fv=p_02_01" target="_blank">
            <li>
                <div class="top5-img">
                    <div class="mask2-5"></div>
                </div>
                <div class="bottom">葫芦兄弟</div>
                <div class="sentence">爷爷！还我爷爷！</div>
            </li></a>
        </ul>

    </div>
    <div class="solid"></div>
    <footer>
        <div id="article"></div>
        借鉴腾讯视频，请勿转载
        <br>
        若有侵权可删除<br>
        制作人：是本人<br>
        制作时长：七七四十九天<br>
        feel:completely exhausted
        <br>
        wishes:happy new year!!!<br>
    </footer>
  

</body>

</html>